<template>
  <div>
    <el-dialog
      title="确认发货"
      :visible.sync="isDialog"
      width="30%"
      >
       <el-form 
        :model="form"
        label-position="left"
        label-width="100px">
        <el-form-item label="订单号">
          {{info.order_sn}}
        </el-form-item>
        <el-form-item label="运单号">
          {{info.express_number}}
        </el-form-item>
        <el-form-item label="快递公司">
          {{info.company}}
        </el-form-item>
       </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button @click="isDialog = false">取 消</el-button>
        <el-button type="primary" @click="submit">确 定 发 货</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
export default {
  props:['info'],
  data(){
    return{
      isDialog:false,
       form: {
          orderID: '1',
          waybillNumber: '369789',
          company: '圆通',
        }
    }
  },
  methods:{
    submit(){
      this.$http.post('/Manage/Order/deliver',{
        id:this.info.id,
        express_number:this.info.express_number,
        type:this.info.express_type
      })
      .then(res=>{
        this.isDialog = false;
      })
    }
  }
}
</script>

<style lang="">
  
</style>